﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SuperButton.aspx.cs" Inherits="demo.Pages.SuperButton" %>

<%@ Register Assembly="Water" Namespace="Water.Web.Controls" TagPrefix="page" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
     <fieldset>
            <legend>强大的SuperButton</legend>
            <ul>
            <li>控制灵活、配置简单、功能强大</li>
            <li>支持文本和按钮模式</li>
            <li>支持服务器端事件和客户端事件</li>
            <li>支持客户端确认事件</li>
            <li>支持具有弹出式菜单的按钮</li>
            <li>支持带有图标的按钮</li>
            <li>对Container控件完美的支持(模式的切换及数据的CRUD)</li>
            <li>避免按钮较短时间双击</li>
            </ul>
      </fieldset>
<br />
            <page:Container ID="Container1" runat="server" TitleText="SuperButton" IsCallBack="false">
                <ItemTemplate>
                    <page:SuperButton ID="SuperButton1" runat="server" Prompt="默认文本模式按钮" Text="文本模式按钮" />
                    <page:SuperButton ID="SuperButton2" runat="server" ButtonDefaultMode="Button" Prompt="按钮模式" Text="按钮模式" />
                    <page:SuperButton ID="SuperButton3" runat="server" ButtonDefaultMode="Button" Prompt="带图标的按钮" Text="图标按钮" Icon="~/images/buttons/Query.gif" />
                    <page:SuperButton ID="SuperButton4" runat="server" Prompt="带图标的文本模式按钮" Text="带图标的文本模式按钮" Icon="~/images/buttons/Query.gif" />
                    <page:SuperButton ID="SuperButton5" runat="server" ButtonDefaultMode="Button" Prompt="客户端事件" Text="客户端事件" OnClientClick="alert('Hello SuperButton!')" />
                    <page:SuperButton ID="SuperButton6" runat="server" ButtonDefaultMode="Button" Prompt="客户端确认" Text="客户端确认" IsConfirm="true" OnClientClick="alert('您点击了确定!')" />
                    <page:SuperButton ID="SuperButton7" runat="server" ButtonDefaultMode="Button" Prompt="弹出菜单按钮" Text="弹出菜单按钮" PopupControlId="PopupMenu" />
                    <page:SuperButton ID="SuperButton8" runat="server" Prompt="弹出菜单按钮" Text="弹出菜单按钮" PopupControlId="PopupMenu" />
                    <page:SuperButton ID="SuperButton9" runat="server" ButtonDefaultMode="Button" Prompt="本身有事件的弹出菜单按钮" Text="本身有事件的弹出菜单按钮" PopupControlId="PopupMenu" OnClientClick="alert('Hello SuperButton!')" />
                    <page:SuperButton ID="SuperButton10" runat="server" Prompt="本身有事件的弹出菜单按钮" Text="本身有事件的弹出菜单按钮" PopupControlId="PopupMenu" OnClientClick="alert('Hello SuperButton!')" />
                    <page:SuperButton ID="SuperButton11" runat="server" ButtonDefaultMode="Button" Prompt="本身有事件的弹出菜单按钮" Text="本身有事件的弹出菜单按钮" PopupControlId="PopupMenu" OnClientClick="alert('Hello SuperButton!')" Icon="~/images/buttons/Query.gif" />
                    <page:SuperButton ID="SuperButton12" runat="server" Prompt="本身有事件的弹出菜单按钮" Text="本身有事件的弹出菜单按钮" PopupControlId="PopupMenu" OnClientClick="alert('Hello SuperButton!')" Icon="~/images/buttons/Query.gif" />
                    <page:SuperButton ID="SuperButton13" runat="server" ButtonDefaultMode="Button" Prompt="服务器端事件" Text="服务器端事件"  IsCallBack="false" onclick="SuperButton13_Click"/>
                </ItemTemplate>
            </page:Container>

        <div style="background-color: #f2f2f2; height: 200px; width: 468px; display: none;" id="PopupMenu">
            <a href="#">menu1</a><br />
            <a href="#">menu2</a><br />
            <a href="#">menu3</a><br />
            <a href="#">menu4</a><br />
            <a href="#">menu5</a><br />
            <a href="#">menu6</a><br />
            <a href="#">...</a><br />
        </div>
    </div>
    </form>
</body>
</html>
